body { padding-top: 50px;}
* { margin: 0; padding: 0; font-family: "微软雅黑"}
a:hover { text-decoration: none;}
ul { list-style: none;}
.sidebar {display: none; background: #222;}
.sidebar ul li { height: 54px; line-height: 54px;  }
.sidebar ul li a { display: block; padding-left: 20px; color: #777;}
.sidebar ul li a:hover { text-decoration: none;}
.sidebar ul li.active a { color: #fff; background: #ff9600;}

.placeholders { margin-bottom: 30px;  }
.placeholder { width: 210px; height: 345px; float: left; margin-right: 20px; margin-bottom: 20px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.placeholder img { width: 100%; height: 290px;}
.placeholder-img { position: relative; overflow: hidden; background: #000;}
.placeholder-img span { position: absolute; top: 10px; width: 80px;height: 30px; line-height: 30px;
    text-align: center; background: #ff9600; color: #fff; border-radius: 5px; -webkit-transform: translateY(-40px); transition: 200ms; cursor: pointer;}
.placeholder-img:hover span { -webkit-transform: translateY(0px); }
.placeholder-img:hover img { opacity: 0.6;}
.placeholder-img span a { color: #fff;}
.placeholder-img span.l { left:10px;}
.placeholder-img span.r { right:10px;}
.placeholder .name { height: 30px; line-height: 30px; padding: 0 10px;}
.placeholder .last-time {padding: 0 10px; font-size: 12px; color: #c4c4c4;}
.placeholder .glyphicon { float: right; margin-top: 5px; cursor: pointer;}
.placeholder .glyphicon:hover { color: #f00;}
.placeholders .create { width: 210px; height: 345px;  border: 2px dashed rgba(255,168,0,.6); border-radius: 10px; float: left; margin-right: 20px;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2); cursor: pointer; position: relative;}
.placeholders .create a { position: absolute; left:0; top: 0;  width: 100%; height: 100%;}
.placeholders .create:hover { opacity: 0.8;}
.placeholders .create .icon { width: 62px; height: 62px;  border-radius: 31px; background: url(../images/my-table-create.png) no-repeat 50% rgba(255,168,0,.6);
margin: 141px 0 0 74px; text-align: center;　}
.placeholders .create .text { text-align: center; margin-top: 10px; font-size: 16px; color: rgba(255,168,0,.6);}

.nav-sidebar { margin-right: -21px; margin-bottom: 20px;margin-left: -20px;}

.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
}

.nav-sidebar > li > a { padding-right: 20px;padding-left: 20px; }

.page-header a,.placeholder .text-muted a { color: #777; }
.page-header a {height: 50px;line-height: 50px; position: relative; width: 119px; bottom: -1px; display: inline-block; ;}
.page-header a:hover,.placeholder .text-muted a:hover { color: #428bca; }
.page-header a.active { border-bottom: 1px solid #000;}
.page-header a:hover { text-decoration: none; color: #d43f3a;}
.search-box {  padding-bottom: 0; text-align: center;}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    width: 16.66666667%;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid #eee;
  }
}

@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
